<script>
export default {
    data() {
        return {

        }
    },
    setup(props) {

    }
}

</script>

<script setup>
import { ref, onMounted, onBeforeMount, onUpdated } from 'vue'

// 在组合式 API 中 创建之前和创建完成的生命周期被 setup 替代掉了

onMounted(() => {
    console.log('实例挂载完成执行');
})
onUpdated(() => {
    console.log('实例更新了');
})

const count = ref(100)
</script>
<template>
    <h1>生命周期 -- {{ count }}</h1>
    <button @click="count++">点击</button>
</template>